<template>
<!-- 全部课程 -->
  <div class="all">
    <div class="item" v-for="item in dataList" :key="item.id">
      <img :src="item.url" alt="">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [{url: require('@/assets/allLesson1.png'), id: 1}, {url: require('@/assets/allLesson5.png'), id: 2}, {url: require('@/assets/allLesson3.png'), id: 3}, {url: require('@/assets/allLesson4.png'), id: 4}, {url: require('@/assets/allLesson2.png'), id: 5}]
    };
  }
};
</script>

<style scoped lang="less">
.all{
  display: flex;
  flex-wrap: wrap;
  .item{
    margin: 5px;
    img{
      height: 343px;
      width: 469px;
    }
  }
}

</style>
